<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
        DOM:Document Object Model 文档对象模型，
        在js中将html文档中各个组成部分封装为对象 提供各自的属性和方法进行操作
        DOM将文档解析为：
        Document对象：整个文档对象
        Element:元素对象 指的是标签<div> <p>
        Attribute：属性对象 如：img的src属性   div的id或class属性
        Text:文本对象 指的是标签中的内容
        Comment：注释对象

        DOM的作用：
        改变html元素的内容  文字
        改变HTMl元素的样式  css
        对html元素做出事件的响应 单击时弹出
        添加删除html元素及其属性和文字


        
        */




    </script>
</head>

<body>
    <diV>阿斯顿发沙发斯蒂芬是的</diV>
    <img class="" src="" alt="">

</body>

</html>